﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>常州威诺德机械制造有限公司--热处理demo</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="robots" content="noindex, nofollow" />
<meta name="googlebot" content="noindex, nofollow" />
<link href="/css/common.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/common.js"></script>
<style type="text/css">
body{margin:8px;text-align:left;}
.hotdeal{position:relative;width:301px;height:182px;margin:8px;padding-left:34px;}
.hotdeal .pos{position:absolute;}
.hotdeal .txt{width:50px;}
.hotdeal .stxt{width:30px;}
.hotdeal .hour{left:177px;top:19px;}
.hotdeal .tlr{left:0px;top:70px;}
.hotdeal .minute{left:177px;top:42px;}
.hotdeal .t1{left:0px;top:130px;}
.hotdeal .tup{left:124px;top:100px;}
.hotdeal .tdown{left:250px;top:100px;}
.hotdeal .t3{left:240px;top:130px;}
</style>
</head>
<body>
<!--
demo 使用说明：
只有class="hotdeal"的div及其内容是有用的部分，其他均为样式展示的辅助代码。
应用时请直接拷贝至相应区域，如：td内。
-->
<h1 style="font:bold 24px 微软雅黑;color:#c00;text-align:left;border-bottom:1px solid #c00;">退火：</h1>
<div id="hotdeal" class="hotdeal">
	<img id="hotdealImg" src="/images/hotdeal.gif" width="301" width="182" border="0" style="position:absolute;left:34px;top:0;" />
  <p class="pos hour"><input type="text" name="hour" value="1" class="txt" /> 小时</p>
	<p class="pos tlr"><input type="text" name="tl" value="625" class="stxt" /> ± <input type="text" name="tr" value="25" class="stxt" /></p>
	<p class="pos minute"><input type="text" name="minute" value="0" class="txt" />分钟</p>
	<p class="pos t1">T1 ≤ <input type="text" name="t1" value="300" class="txt" style="width:48px" /></p>
	<p class="pos tup"><input type="text" name="tup" value="200" class="txt" /></p>
	<p class="pos tdown"><input type="text" name="tdown" value="260" class="txt" /></p>
	<p class="pos t3">T3 ≤ <input type="text" name="t3" value="340" class="txt" /></p>
</div>
<select onchange="rePosHotdeal(this, '#hotdeal')">
<option value="hotdeal">hotdeal</option>
<option value="hotdeal0">hotdeal0</option>
<option value="hotdeal1">hotdeal1</option>
</select>
<script type="text/javascript">
function rePosHotdeal(trigger, container){
  var css = $(trigger).val();
  $(container)[0].className = css;
  if(css == 'hotdeal'){
    $('#hotdealImg').attr('src', '/images/hotdeal.gif')
  }
  if(css == 'hotdeal0'){
    $('#hotdealImg').attr('src', '/images/resources/xl186x124.gif')
  }
  if(css == 'hotdeal0'){
    $('#hotdealImg').attr('src', '/images/resources/xl186x124.gif')
  }
}
</script>
</body>
</html>